
        <div  class="about">
        	<ul class="menu">
            	<li class="abouthover1">来历</li>
                <li class="gushi">故事</li>
                <li class="wenhua">文化</li>
            </ul>
            <div class="content">
            	<div class="aboutbg0"> 
                </div>
                <div class="hide aboutbg1"> 
                </div>
                <div class="hide aboutbg2">
                </div>
            </div>
        </div>
<script>
	$(document).ready(function(e) {
		$(".about .menu li").hover(function(){
			var index = $(this).index();
			init();
			$(this).addClass("abouthover"+(index+1));
			$("body .about .content div").filter(function(i){
				return i!=index;
			}).fadeOut(function(){
				$("body .about .content div").eq(index).fadeIn();
			});
		},function(){});
	});
	function init(){
		var menu = $(".menu li");
		menu.eq(0).removeClass("abouthover1").addClass("laili");
		menu.eq(1).removeClass("abouthover2").addClass("gushi");
		menu.eq(2).removeClass("abouthover3").addClass("wenhua");
	}
</script>